<div id="task_submitted">
		{VAR_INFOPANE}<br />
</div>

<h3>View translations</h3><br>

<form name="language_selection" method="post" action="">
	<table>
		<tr>
			<td>
				Select language:
			</td>
			<td>
				<select name="lang_list">
				<!-- BEGIN language_list -->
				<option value="{ADD_LANG_ID}">{TXT_LANGUAGE}</option>
				<!-- END language_list -->
			</td>
			<td>
				<input class="button" type="submit" name="lang_changes" value="Change language" />
			</td>
		</tr>
	</table>
</form>

<table class="view_translations" width="100%">
	<tr>
		<td width="350px" >Original:</td>
		<td width="350px">Translated:</td>
		<td width="70px">Status:</td>
	</tr>
<!-- BEGIN translations_list -->
	<tr bgcolor="{ROW_TR_BGCOLOR}">
		<td>{VAR_ORIGINAL_TEXT}</td>
		<td><span id={VAR_TRANSLATION_ID}>{VAR_TRANSLATED_TEXT}</span> <a id="{VAR_TRANSLATION_ID}EditControl" href="#">edit</a>
			<script type="text/javascript">
 				new Ajax.InPlaceEditor($('{VAR_TRANSLATION_ID}'), 'ajax/update_translations',
 				{externalControl: '{VAR_TRANSLATION_ID}EditControl',
 				 onComplete:function editColor(element){
 					if(element) {
 						document.getElementById("status{VAR_TRANSLATION_ID}").bgColor = "{VAR_STATUS_CELL_COLOR}";
	 					document.getElementById("status{VAR_TRANSLATION_ID}").innerHTML = "Final";
 					}
 				}});
			</script>
		</td>
		<td id="status{VAR_TRANSLATION_ID}" bgcolor="{VAR_STATUS_TD_BGCOLOR}">
			{VAR_STATUS_TEXT}
		</td>
	</tr>
<!-- END translations_list -->
</table>
